<template>
  <div class="mod-config" v-loading="loading">
    <Header></Header>
     <section class="body">

        <section class="sec0 page count">
           <div class="contain">
               
                <!-- 搜索 -->
                <div id="search" class="search_box ">
                  <div class="logo_box">
                        <img src="../../assets/img/logo1.png"   class="logoimg"  height="80px">
                    </div> 
                    <!-- 搜索form -->
                        <div class="search clearfix">
                        <div class="form_group">
              
                            <el-select v-model="value" placeholder="请选择" class="title_check">
                                    <el-option
                                      v-for="item in options"
                                      :key="item.value"
                                      :label="item.label"
                                      :value="item.value">
                                    </el-option>
                                  </el-select>
                            <input name="" type="hidden" value="title" id="inputselect1">
                            <span id="split" class="split"></span>
                            <input id="q" name="q" class="keyword"  v-model="keyword" placeholder="" type="text">
                            <!--<i class="icon"></i>-->
                            
                        </div>
                        <input class="submit_btn" type="button" @click="search()" value="检索">
                        
                    </div>
                    <!-- 搜索form end -->

                    <!-- 滚动公告 -->
              
                    <!-- 滚动公告end -->
                </div>
                <!-- 搜索end -->

                <!-- 版权 -->
              
                <!-- 版权END -->
            </div>
        </section>

      
    </section>
<!-- <track-view v-track:18015></track-view>
<track-view v-track:18016.watch="{ result }"></track-view>
<track-view v-track:18016.watch.delay="{ result }"></track-view>
<track-view v-if="result" v-track:18016></track-view> -->
<!-- <track-view></track-view>  -->
<!-- <div v-track="{act:'browse'}"><span>浏览日志埋点</span></div> -->
  </div>
</template>
<script>

import Header  from '../common/header.vue'
import $ from 'jquery'

//import zz  from '../../utils/zz'
// require('../../utils/zz')
export default {
  data() {
    return {
      loading: false,
       options: [{
          value: '书名',
          label: '书名'
        }, {
          value: '作者',
          label: '作者'
        },
         {
          value: '出版社',
          label: '出版社'
        }, 
         {
          value: '出版日期',
          label: '出版日期'
        }, 
        {
          value: '出版日期2',
          label: '出版日期6'
        }, 
       
        ],
        value: '书名',
        keyword:"",
      
    };
  },
    components: {
      Header
    },
  activated() {
    console.log('home')
  },
  mounted() {

 
  },
  methods: {
        search(){
           this.$router.push({ path:'/booklist',query:{type:this.value,keyw:this.keyword}  })
        }
  }
};
</script>




<style lang="scss">
.sec0 {
    background: #fff url('../../assets/img/homeimg/bg1.jpg') no-repeat bottom center;
    background-size: 100%;
}
.search_box {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -390px;
  margin-top: -110px;
  width: 780px;
}
.form_group {
  display: block;
  float: left;
  box-sizing: border-box;
  padding: 4px 10px;
  margin-left: 5px;
  margin-right: 5px;
  width: 580px;
  *width: 540px;
  border: 1px solid #ddd;
  border-radius: 6px;
   background: #fff url(../../assets/img/top.png) repeat center center;
  opacity: 0.9;
  filter: alpha(opacity=90);
  -webkit-box-shadow: 0.5px 0.866px 4px 0px rgba(170, 170, 170, 0.45);
  box-shadow: 0.5px 0.866px 4px 0px rgba(170, 170, 170, 0.45);
}
.title_check {
  position: relative;
  display: block;
  float: left;
  width: 100px;
}
.split {
    display: block;
    height: 30px;
    width: 2px;
    margin-right: 15px;
    margin-left: 5px;
    float: left;
    background-color: #eee;
}
.logoimg{
  margin-left: 200px;
  margin-bottom: 10px;
}
.keyword {
  background: none;
  width: 430px;
  width: 390px\9;
  height: 30px;
  color: #333;
  line-height: 30px;
  font-size: 14px;
  outline: none;
    border: none;
}
.submit_btn {
  display: block;
  float: left;
  box-sizing: border-box;
  outline: 0;
  border: 0;
  margin: 0;
  padding: 0;
  color: #fff;
  text-align: center;
  background-color: #38b4e6;
  width: 87px;
  height: 40px;
  border: 1px solid #ddd;
  border-radius: 6px;
  -webkit-box-shadow: 0.5px 0.866px 4px 0px rgba(170, 170, 170, 0.45);
  box-shadow: 0.5px 0.866px 4px 0px rgba(170, 170, 170, 0.45);
}
</style>
